a{
    color: black !important;
}
  
.button {
    width: 100%;
    height: 180px;
    display: flex;
    background-color: #AFAFAF;
}

.button_left {
    width: 70%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.button_login {
    width: 150px;
    height: 50px;
    display: flex;
    margin: 30px 0 0 80px;
    background-color: white;
    border: 1px #eaeaea solid;
    align-items: center;
    justify-content: space-evenly;

}

.button_ul {
    margin: 20px 0 0 10px;
    list-style: none;
    display: flex;
}

.button_li {
    width: 120px;
}

.button_img {
    width: 30%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column-reverse
}

img {
    width: 100px;
    height: 100px;
}

.button_box {
    margin: 20px 0 0 0;
}

.map {
    width: 100%;
    height: 500px;
    background-color: #E8E8E8;
    display: flex;
    justify-content: space-around;
}

.map_box {
    width: 70%;
    /* border: 1px red solid; */
    display: flex;
    align-items: center;
    justify-content: space-around;

}
.map_p{
    margin: 20px 0 0 30px;
}
.map_left {
    display: flex;
    width: 300px;
    height: 400px;
    background-color: white;
    flex-direction: column;
}
.relation{
    display: flex;
    flex-direction: column;
    margin: 30px 0 0 60px;
}
.relation_map{  
    width: 600px;
    height: 400px;
    flex-direction: column;
justify-content: space-around;
    display: flex;
align-items: center;
   
}
.map_div{
    flex-direction: column;
    align-items: center;
    display: flex;
}